

// 请求参数
let params = {
  skip: 0,
  limit: 12
}
// 总条数 
let total = 0;

Component({
  data: {
    // 专辑列表数据
    list: [],
    // 项目的根地址
    baseURL: "http://192.168.1.4:3000/"
  },

  // 生命周期 
  lifetimes: {
    // 组件创建完毕之后就会被调用
    attached: function () {
      this.getAlbum();

      // 把一个数据存放在全局中 
      /* 
      全局和局部 
      1 局部数据 
        1 每一个班级的 同学 都只是属于自己的班级而已  
      2 全局
        1 导员 校长 
      
      技术的部分
        1 每一个组件 和 每一个页面的数据都是自己独有 其他的页面和组件无法直接获取

        2 每一个组件和每一个页面 都是存在于同一个小程序中 应用中 

        3 如果我把数据是存在了 整个app(app.js)中 而不是页面或者组件中 那么这个数据应该就是全局的了
       */

      //  往app 中 存放数据 
      // let app =  getApp();// getApp 获取到当前的应用
      // 存放数据
      // app.aaaa='1111';
      
        
    },
  },

  // 组件
  methods: {
    // 获取分页数据
    getAlbum() {


      // 显示加载中的效果
      wx.showLoading({
        title: "正在努力的加载中"
      });


      wx.request({
        url: 'http://192.168.1.4:3000/album',
        data: params,
        success: (result) => {
          // 数据回来 需要数组的合并 
          this.setData({
            list: [...this.data.list, ...result.data.data.list]
          });
          console.log(this.data.list);
          // 总条数
          total = result.data.data.total;
          // 关闭加载中效果
          wx.hideLoading();

        },
        fail: () => { },
        complete: () => { }
      });

    },
    // 触发分页事件  滚动条触底事件
    scrolltolower() {
      // console.log("滚动条触底事件");

      // 先判断还有没有下一页数据
      if (params.skip >= total) {
        // 没有更多数据了
        wx.showToast({
          title: '没有更多数据',
          icon: 'none'
        });
        return;
      }

      // 还有更多数据
      params.skip += 12;
      this.getAlbum();
    },
    // 点击图片的事件
    goAlbumDetail(event){
      // console.log("点击图片的事件");

      // 先存放被点击的图片的数据到app中  
      // 获取到被点击的元素的索引
      const index=event.currentTarget.dataset.index;
      // 获取data中数组list
      const list=this.data.list;
      // console.log(list[index].imgs);

      // 获取到了app应用对象
      let app =  getApp();
      // 给它存放数据
      app.imgs=list[index].imgs;
      
      // 通过js的方式来跳转页面
      wx.navigateTo({
        // 通过url 来传递简单的数据
        url: '/pages/albumDetail/albumDetail?id='+list[index].id
      });
        
    }
  }
})
